<div class="mb-4 flex-1">
  <div class="flex items-start p-1">
    <div class="group">
      <div
        class="flex flex-row items-center text-3xl font-semibold text-gray-700 group-hover:text-gray-900 break-all"
      >
        {{ total() | number:'0.0-1' }}{{unit()}}
      </div>
      <div class="text-xs font-normal text-gray-500 group-hover:text-gray-700 break-all"></div>
      <div class="text-text-tertiary system-2xs-medium-uppercase"></div>
    </div>
  </div>
</div>

<div class="echarts h-64" echarts
  [options]="options()"
  theme="light"
>
</div>